<template>
	<div>
		<TreeSelect
			obj-key="value"
			v-model="value"
			:data="data"
			style="margin:20px"/>
		<TreeSelect
			obj-key="value"
			v-model="value2"
			:data="data2"
			style="margin:20px"/>
		<TreeSelect
			obj-key="value"
			v-model="value"
			:data="data"
			disable
			style="margin:20px"/>
		<TreeSelect
			obj-key="value"
			shape="round"
			v-model="value"
			:data="data"
			style="margin:20px"/>
		<TreeSelect
			obj-key="value"
			shape="noBorder"
			v-model="value"
			:data="data"
			style="margin:20px"/>
		<TreeSelect
			obj-key="value"
			shape="noBorder"
			v-model="value"
			:data="data"
			disable
			style="margin:20px"/>
		<br/>
		发射整个选项
		<TreeSelect
			obj-key="value"
			v-model="value3"
			emit-option
			:data="data"
			style="margin:20px"/>
		{{value3}}
	</div>
</template>

<script>
import TreeSelect from '@/components/pc/tree-select';
export default {
	name:'index',
	components:{
		TreeSelect,
	},
	data(){
		return {
			value:'1-1-1',
			value2:'',
			value3:'',
			data2:[],
			data:[
				{
					label:'选项1',
					value:'1',
					children:[
						{
							label:'选项1-1',
							value:'1-1',
							children:[
								{label:'选项1-1-1',value:'1-1-1'},
								{label:'选项1-1-2',value:'1-1-2'},
							]
						},
						{label:'选项1-2',value:'1-2'},
						{label:'选项1-3',value:'1-3'},
					]
				},{
					label:'选项2',
					value:'2',
					children:[
						{label:'选项2-1',value:'2-1'},
						{label:'选项2-2',value:'2-2'},
						{label:'选项2-3',value:'2-3'},
					]
				},{
					label:'选项3',
					value:'3',
					children:[
						{label:'选项3-1',value:'3-1'},
						{label:'选项3-2',value:'3-2'},
						{label:'选项3-3',value:'3-3'},
					]
				},
			],
		};
	},
	created(){
	},
	methods:{
	}
};
</script>

<style lang="scss">

</style>
